﻿<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title>左边菜单</title>
    <style type="text/css">
        body, html{ margin:0; padding:0; height:100%; overflow:hidden; background:#336699}
        a { text-decoration:none;  }
        ul a {color:#336699 !important; }
        #menu { width:198px; margin:0; padding:0;}
        h1.ui-accordion-header { font-size:14px;}
        h1.ui-accordion-content {font-size:13px; }
        #menu div { margin:0px; padding:0px; background:#fff;}
        #menu div ul, li { margin:0; padding:0; list-style:none; font-size:13px;}
            #menu div ul { padding: 5px 0;}
        #menu div li {  line-height:30px; height:30px; padding-left:20px; font-weight:500; }
            #menu div li:hover { background:#EEEEEE}
            #menu div li a{  display:block;}
    </style>
    <link type="text/css" rel="Stylesheet" href="/public/css/jquery-ui-1.9.2.custom.min.css" />
    <script type="text/javascript" src="/public/js/jquery-1.8.3.min.js"></script>
    <script type="text/javascript" src="/public/js/jquery-ui-1.9.2.custom.min.js"></script>
</head>
<body>
    <div style="width:200px;height:100%; border-right:4px solid #336699">
        <div id="menu">
            <h1><a>作品管理</a></h1>
            <div>
                <ul>
                    <li><a href="works/works_cate.php" target="right">▪ 作品分类</a></li>
                    <li><a href="works/add_works.php" target="right">▪ 作品发布</a></li>
                    <li><a href="works/works_list.php" target="right">▪ 作品列表</a></li>
                </ul>
            </div>

            <h1><a>文章管理</a></h1>
            <div>
                <ul>
                    <li><a href="news/news_cate.php" target="right">▪ 文章分类</a></li>
                    <li><a href="news/add_news.php" target="right">▪ 文章发布</a></li>
                    <li><a href="news/news_list.php" target="right">▪ 文章列表</a></li>
                </ul>
            </div>

            <h1><a>资源管理</a></h1>
            <div>
                <ul>
                    <li><a href="resource/resource_list.php" target="right">▪ 资源列表</a></li>
                </ul>
            </div>
        </div>
    </div>
    <script type="text/javascript">
        $(function () {
            $("#menu").accordion();

            $("#menu ul li").click(function () {
                var _this = $(this);
                var _parent = _this.closest("#menu");
                _parent.find("li").css({ "color": "#336699", "background": "#fff" });
                _this.css({ "color": "#fff", "background": "#DDDDDD" });
                _this.find("a").css("color", "#fff");
            })
            
        })
    </script>
</body>
</html>
